const webpack=require("webpack")
/*浏览器要代理服务器请求数据，代理服务器再把请求转给真正的服务器;
而服务器返回也是直接返回数据给代理服务器，代理服务器再把数据返回给浏览器，
而代理服务器和发生请求的服务器之间压根就没有同源策略这一限制，不会存在跨域问题，(同源策略是浏览器的规则)
 */

module.exports = {
    devServer: {
        proxy: {
            '/api': {   //请求前缀，有这个前缀(紧跟端口号)的才会走代理
                target: 'http://localhost:8080',
                // 允许跨域
                changeOrigin: true, //是否对告诉真实服务器真实的源，false不改变源(真实的源) true(改变源)-----用于控制请求头中的host
                ws: true,  //用于支持websocket
                pathRewrite: {
                    '^/api': ''
                }
            },

            '/get3d' :{
                target: 'http://localhost:9090',
                // 允许跨域
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }

    },
    configureWebpack: {
        plugins: [
            // 配置 jQuery 插件的参数
            new webpack.ProvidePlugin({
                $: 'jquery',
                jQuery: 'jquery',
                'window.jQuery': 'jquery',
                Popper: ['popper.js', 'default']
            }),
        ]
    }


}